<template>
	<div class="order-pay">
		<div class="pay-l">
			<p>付款剩余时间</p>
			<span>12时22分33秒</span>
		</div>
		<span class="pay-c">取消订单</span>
		<span class="pay-r">立即支付</span>
	</div>
		
</template>

<script type="text/javascript">
import Vue from 'vue';

export default {
	  methods: {
	  	
	  }
}
	

</script>


<style lang="scss">
	@import "../../assets/css/_functions.scss";	
	@import "../../assets/css/_variables.scss";	
	.order-pay{
		position: fixed;
		bottom: 0;
		width: rem(375);
		height: rem(48);
		display: flex;
		justify-content:flex-start;
		background:#ffffff;
		box-shadow:0px 0px 0px 0px #c8c7cc;
		.pay-l{
			width: rem(153);
			padding-left: rem(12);
			p{
				font-size:rem(13);
				color:#333333;
				margin-top: rem(6);
				line-height: rem(15);
			}
		}
		.pay-c,.pay-r{
			color: #fff;
			width: rem(111);
			height: rem(48);
			line-height: rem(48);
			font-size: rem(18);
			text-align: center;
		}
		.pay-c{
			background:#999999;
		}
		.pay-r{
			background:#ff6600;
		}

	}
	
</style>